
import React, { useState } from "react";
import "./index.less";

interface Iprops {
  checked: number;
}
const statusStatic = ["", "checked", "indeterminate"];
const UiCheckbox = (props: Iprops) => {
  const { checked } = props;
  const [status, setStatus] = useState(statusStatic);
  return (
    <div className="ui-checkbox">
      <span className={`ant-tree-checkbox ant-tree-checkbox-${status[checked]}`}>
        <span className="ant-tree-checkbox-inner"></span>
      </span>
    </div>
  );
};
export default UiCheckbox;
